
$(function () {
    //打开、关闭报名信息弹出框
    $('.sign-way-open').click(function () {
        $('.sign-way').show();
    })
    $('.sign-way-close').click(function () {
        $('.sign-way').hide();
    })
})

var app = new Vue({
    el: '#body',
    data() {
        return {
            datas : '',
            judgeInfo : '',     //弹出框评委信息
            judgeInfoShow : false,   //弹出框显示状态
            icons : [{
                avatar : __uri('/src/img/icons/dangdang.jpg'),
                name : '当当',
                introduction : '当当是全国领先的综合性电商。当当于1999年11月正式开通，销售的商品包括图书、服装、百货、3C数码等103类，超过1000万种商品。图书销量占中国全网图书销量45%以上。当当拥有数字出版物50万多种，是国内最大的数字出版物平台，并自主研发了“当当阅读器”。此外，依托于自身深厚的文化底蕴和消费升级的市场需求，当当还在艺术品、文创、影业等方面进行新零售生态布局。当当在坚持诚信经营的同时，致力于打造集图书、百货、大文化于一身的综合性网上商城，为顾客提供更多选择、更低价格、更好服务。'
            },{
                avatar : __uri('/src/img/icons/douban.jpg'),
                name : '豆瓣',
                introduction : '豆瓣的核心用户群是具有良好教育背景的都市青年，包括白领及大学生。他们热爱生活，除了阅读、看电影、听音乐，更活跃于豆瓣小组、小站，对吃、穿、住、用、行等进行热烈的讨论。他们热衷参与各种有趣的线上、线下活动，拥有各种鬼马创意，是互联网上流行风尚的发起者和推动者。豆瓣已渐渐成为他们生活中不可缺少的一部分。豆瓣擅长从海量用户的行为中挖掘和创造新的价值，并通过多种方式返还给用户。凭借独特的使用模式、持续的创新和对用户的尊重，豆瓣被公认为中国极具影响力的web2.0网站和行业中深具良好口碑和发展潜力的创新企业。'
            },{
                avatar : __uri('/src/img/icons/kaijuan.jpg'),
                name : '开卷',
                introduction : '北京开卷信息技术有限公司成立于1998年，是一家以数据和技术为驱动的公司，成立20年来，一直秉持"为图书行业提供专业、有效的数据产品与服务"的企业理念，为出版商、发行商、零售商提供流程化的数据深度应用与决策支持。作为图书产业数据与信息服务专业提供商，致力于提升整个图书行业的经营效率水平。'
            },{
                avatar : __uri('/src/img/icons/migu.jpg'),
                name : '咪咕阅读',
                introduction : '咪咕数字传媒有限公司（Migu Digital Media Co.Ltd.，简称咪咕数媒）是中国移动旗下开展全媒出版、人工智能、富媒体手机报业务的专业互联网公司，建立了以咪咕阅读、咪咕灵犀、手机报为核心的三大产品体系。秉承“三全三者”的企业使命，即做“全媒出版的创新者，全民阅读的践行者，全新知识的传播者”， 2017年咪咕数媒贡献行业价值51亿元，合作伙伴近2000家。旗下咪咕阅读业务平台汇聚了超50万册精品正版图书内容，全场景月活用户数1.1亿，已在全国200多个城市举办超过1200场“悦读咖”名家活动；咪咕灵犀人工智能交互8500万+次/日，全场景月活用户数1800万，垂直领域排名第一。'
            },{
                avatar : __uri('/src/img/icons/qidian.jpg'),
                name : '阅文集团',
                introduction : '阅文集团成立于2015年3月，由腾讯文学与原盛大文学整合而成，是引领行业的正版数字阅读平台和文学IP培育平台，阅文集团旗下拥有中文数字阅读强大的内容品牌矩阵。 \n' +
                '包括创世中文网、起点中文网、起点国际、云起书院、起点女生网、红袖添香、潇湘书院、小说阅读网、言情小说吧等网络原创与阅读品牌；中智博文、华文天下、聚石文华、榕树下等图书出版及数字发行品牌；天方听书网、懒人听书等音频听书品牌。'
            },{
                avatar : __uri('/src/img/icons/wangyi.jpg'),
                name : '网易云阅读',
                introduction : '网易云阅读，全方位数字阅读与IP孵化平台。致力于推动原创文学的创作与分享，用心讲好故事，深耕原创IP，不断提升原创文学的品质阅读和全版权孵化运营。现拥有20,000余部独家签约作品，超过8,000名知名网络文学作家，超过500家内容合作方。用户超过1亿，月活3000万。'
            },{
                avatar : __uri('/src/img/icons/zhangyue.jpg'),
                name : '掌阅',
                introduction : '掌阅科技股份有限公司成立于2008年9月，专注于数字阅读，是我国领先的数字阅读平台。公司自成立以来，一直秉承专注、务实的企业精神，与国内外600多家优质的版权方合作，为全球150多个国家和地区的6亿多用户提供高品质的图书内容和智能化的用户体验。'
            }]
        }
    },
    created(){
        var _this = this;
        function Device() {
            if($config.IsPC()){
                document.body.style.display = 'block';
                _this.getList();
            }else{
                location.href = 'mobile.html';
            }
        }

        $(window).resize(function () {
            Device();
        })
        Device();
    },
    mounted() {

    },
    methods: {
        // 请求数据
        getList (){
            this.common().http(this, {
                url: '/home/db/2018lyswxj',
                success(json) {
                    this.datas = json.data;

                    setTimeout(()=>{
                        // 初始化DOM
                        DOMINIT();
                    },0)

                }
            })
        },
        //展示评委详细信息
        _judgeInfo (boole,index,type){
            this.judgeInfoShow = boole?true:false;
            if(boole){
                this.judgeInfo = this.datas[type][index];
                console.log(this.judgeInfo)
            }
        }
    }
})

// Dom操作
function DOMINIT() {
    // 焦点轮播图-左
    var focusLeftSwiper = new Swiper('.focus-left-swiper', {
        autoplay: 5000,//可选选项，自动滑动
        loop: true,
        paginationClickable : true,
        simulateTouch : false,
        onInit: function(swiper){
            $('.focus-icon-left').click(function () {
                focusLeftSwiper.slidePrev();
            });
            $('.focus-icon-right').click(function () {
                focusLeftSwiper.slideNext();
            })
        }
    })

    // 焦点轮播图-右
    var focusRightSwiper = new Swiper('.focus-right-swiper', {
        direction : 'vertical',
        autoplay: 5000,//可选选项，自动滑动
        loop: true,
        pagination: '.focus-right-swiper-page',
        paginationClickable : true,
        simulateTouch : false
    })

    // 跳转到指定位置
    function click_scroll(ele) {
        var scroll_offset = $(ele).offset(); //得到pos这个div层的offset，包含两个值，top和left
        $("body,html").animate({
            scrollTop:scroll_offset.top-100 //让body的scrollTop等于pos的top，就实现了滚动
        },300);
    }

    // 导航跳转指定位置
    $('nav .list a , nav .logo').on('click',function () {
        var ele = $(this).data('togo');
        if(ele) click_scroll(ele);
    })

    //监听导航栏
    function showNav() {
        var top = $(document).scrollTop(),
            ishas = $('nav').hasClass('scroll');
        if(top>0){
            if(!ishas) $('nav').addClass('scroll');
        }else{
            if(ishas) $('nav').removeClass('scroll');
        }
    }
    $(window).scroll(function () {
        showNav();
    })
    showNav();

    var urlName = $config.GetQueryString('name');
    if(urlName){
        click_scroll(urlName);
    }

    //初始化播放
    var options = {},
        player1 = videojs('video1', options),
        player2 = videojs('video2', options);


    //切换视频
    $('.header .tit a').on('click',function () {
        /*var videos = [
            '<iframe src="http://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=0238068cb99d98227041207772b3780d&tvId=694739900&accessToken=2.f22860a2479ad60d8da7697274de9346&appKey=3955c3425820435e86d0f4cdfe56f5e7&appId=1368&height=100%&width=100%" frameborder="0" allowfullscreen="true" width="100%" height="100%"></iframe>',
            '<iframe height="498" width="510" src=\'http://player.youku.com/embed/XMzI4NjYyNzcy\' frameborder="0" allowfullscreen></iframe>'
        ]
        var index = $(this).index();
        if(!$(this).hasClass('active')){
            $(this).addClass('active').siblings().removeClass('active');
            $('.header .left .video').empty().append(videos[index]);
        }*/
        var index = $(this).index();
        $(this).addClass('active').siblings().removeClass('active');
        if(index==1){
            player1.pause()
        }else{
            player2.pause()
        }
        $('.header .left .video').eq(index).show().siblings('.video').hide();
    })


}
